<template>
  <div class="_wz_iframe">
    <iframe v-if="!old" :src="apiUrl.imgUrl+materialData.htmlUrl"></iframe>
    <iframe v-else :src="'https://view.officeapps.live.com/op/view.aspx?src='+materialData.htmlUrl"></iframe>
    <audio v-if="!old && !!materialData.mp3Url" :src="apiUrl.imgUrl+materialData.mp3Url" autoplay></audio>
  </div>
</template>
<script>
  export default {
    props: [
      "materialData",//课件所有数据
      "old",//true  使用微软播放
    ],//接收来自父组件的数据
    data() {
      return {}
    },
    beforeCreate() {//beforeCreate创建前状态

    },
    created() {//created创建完毕状态

    },
    beforeMount() {//beforeMount挂载前状态   DOM 元素然后塞入页面的过程

    },
    mounted() {//mounted 挂载结束状态

    },
    methods: {//执行的方法

    },
    watch: {//监听

    },

    beforeUpdate() {//beforeUpdate 更新前状态

    },
    updated() {//updated 更新完成状态

    },
    beforeDestroy() {//beforeDestroy 销毁前状态

    },
    destroyed() {//destroyed 销毁完成状态

    }
  }
</script>
<style lang="less">
  ._wz_iframe {
    width: 100%;
    height: 100%;

    iframe {
      border: 0px;
      width: 100%;
      height: 100%;
    }
  }

</style>
